<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0" />
<title>城市列表</title>
<link href="resources/css/check_style_city.css" type="text/css" rel="stylesheet"/>
</head>

<body>
    <fieldset id="searchcity"><div><input type="text" value="输入城市拼音或中文"  placeholder="输入城市拼音或中文" required onblur="if(!this.value) {this.value='输入城市拼音或中文';this.style.color='#b2b2b2';}" onfocus="if(this.value=='输入城市拼音或中文') this.value='';this.style.color='#b2b2b2'" /></div>
    </fieldset>
    <fieldset id="select">
    	<ul>
        	<li id="hotcity"><dd>热门城市</dd></li>
        	<ul>
        	<c:forEach items="${popularmap }" var="popular">
        			<li><a href="gocheck.html?cityid=${popular.key }">
        			  <c:out value="${popular.value}" />  
        			</a></li>
        	</c:forEach>
            	
                </ul>
               <c:forEach items="${infolst }" var="info">
        			<li id="a"><dd><c:out value="${info}" /></dd></li>
            	<ul>
            		<c:forEach items="${infomap[info] }" var="citys">
        			<li><a href="gocheck.html?cityid=${citys.key }">
        			  <c:out value="${citys.value}" />  
        			</a></li>
        		</c:forEach>
                </ul>
        	</c:forEach>
                	
        	<li id="a"><dd>A</dd></li>
            	<ul>
                	<li><a href="check.html">上海</a></li>
                    <li><a href="check.html">北京</a></li>
                    <li><a href="check.html">安庆</a></li>
                    <li><a href="check.html">厦门</a></li>
                    <li><a href="check.html">安阳</a></li>
                </ul>
        	<li id="b"><dd>B</dd></li>
            	<ul>
                	<li><a href="check.html">石家庄</a></li>
                    <li><a href="check.html">青岛</a></li>
                    <li><a href="check.html">乌鲁木齐</a></li>
                    <li><a href="check.html">齐齐哈尔</a></li>
                    <li><a href="check.html">敦煌(嘉峪关)</a></li>
                </ul>
        	<li id="C"><dd>C</dd></li>
            	<ul>
                	<li><a href="check.html">重庆</a></li>
                    <li><a href="check.html">常熟</a></li>
                    <li><a href="check.html">临清(聊城)</a></li>
                    <li><a href="check.html">石岛(威海荣成)</a></li>
                    <li><a href="check.html">北京</a></li>
                </ul>
        </ul>
    </fieldset>
</body>
</html>

